<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../inc/header.jsp" %>
<title>留言/联系 - 网站留言 - JDiy示例程序</title>
</head>
<body>
<!-- 头部内容 开始 -->
<div class="max top">
    <div style="margin:8px;">
        <%@include file="../inc/top.jsp" %>
        <div>
            负责处理当前页面显示的Action方法为：<span class="action">jdiy.sample.guestbook.list()</span>
        </div>
    </div>
</div>
<!-- 头部内容 结束 -->

<!--顶部导航菜单 开始 -->
<c:set var="thisNav" value="7"/><!--定个变量，以便在topNav包含文件中判断：当前栏目菜单显示不同的样式-->
<%@include file="../inc/topNav.jsp" %>
<!--顶部导航菜单 结束 -->


<!--中部主体区域 开始 -->
<div class="max cc">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>

            <!-- 左侧导航菜单 开始 -->
            <td class="leftNav" valign="top">
                <div style="font-size:15px;margin:5px;color:#333333;">栏目导航：</div>
                <ul>
                    <li><a href="guestbook/list.jd" style="color:red;">留言列表</a></li>
                    <li><a href="guestbook/add.jd">提交留言</a></li>
                    <li><a href="guestbook/contact.jd">联系我们</a></li>
                </ul>
            </td>
            <!-- 左侧导航菜单 结束 -->


            <!-- 中间内容显示区 开始 -->
            <td class="bodyContent" valign="top">
                <div class="loc">您的位置：首页 - 留言/联系 - 网站留言</div>

                <div class="note">
                    <div style="margin:10px;">
                        <a href="guestbook/add.jd" style="font-size: 14px;color:blue;">我要留言</a>
                    </div>

                    <c:forEach items="${list.items}" var="i">
                        <div style="border:1px #339999 solid;margin-bottom:8px;background-color:#f6f6FF;">
                            <b>姓名：</b>${i.name}　　
                            <b>留言主题：</b>${i.subject}　　
                            <b>QQ:</b>${i.qq}
                            <b>时间：</b><fmt:formatDate value="${i.dtAdd}" pattern="yyyy-MM-dd HH:mm:ss"/>
                            <br/>留言内容${i.content}
                            <c:if test="${i.re ne null}">
                                <div style="color:red;">管理员回复：${i.re}</div>
                            </c:if>
                        </div>
                    </c:forEach>

                </div>

                <!--分页链接 开始-->
                <!--注意：分页样式您可以根据自己的需要调整，以下只是一个简单的示例演示-->
                <div class="pager">
                    共${list.pageCount}页/${list.rowCount}条记录
                    当前第${list.absPage}页.
                    &nbsp;&nbsp;&nbsp;
                    <c:if test="${list.absPage gt 1}">
                        <a href="guestbook/list.jd?page=1">[首页]</a>
                        <a href="guestbook/list.jd?page=${list.absPage-1}">[上一页]</a>
                    </c:if>
                    <c:if test="${list.absPage le 1}">
                        [首页]
                        [上一页]
                    </c:if>
                    <c:forEach begin="1" end="${list.pageCount}" var="i">
                        <a href="guestbook/list.jd?page=${i}" style="${i eq list.absPage?'color:red':''}">[${i}]</a>
                    </c:forEach>
                    <c:if test="${list.absPage lt list.pageCount}">
                        <a href="guestbook/list.jd?page=${list.absPage+1}">[下一页]</a>
                        <a href="guestbook/list.jd?page=${list.pageCount}">[尾页]</a>
                    </c:if>
                    <c:if test="${list.absPage ge list.pageCount}">
                        [下一页]
                        [尾页]
                    </c:if>
                </div>
                <!--分页链接 结束-->

            </td>
            <!-- 中间内容显示区 结束 -->

        </tr>
    </table>
</div>
<!--中部主体区域 结束 -->


<!--页脚 开始 -->
<%@include file="../inc/footer.jsp" %>
<!--页脚 结束 -->
</body>
</html>